@charset "utf-8";

/* ================================== 喆琛网络 www.zhechen.net==================================== */

body{ background: #fff; }

.main_box{ margin:0 auto; width:1100px;}

input{outline: none;}

/*===============================================header================================================*/

#header{ position:relative;  background:#fff; width:100%;    z-index:999;}

#header{ height:50px margin-bottom:25px;}

#header .main_box{ position:relative;}

#header .left{ display:table; padding-top:30px; }

#header .left a { display:table-cell; vertical-align:middle;}

#header .top_tel{ text-align:right; position:absolute; top:55px; right: 40px; padding-left:18px;  background:url(../images/icon_top_tel.png) 0px 9px no-repeat;}

#header .top_tel span{  font-size:12px; height:20px; line-height:20px;}

#header .top_tel strong{ font-size:20px; font-weight:bold; color:#d61f19;}

#header .link_box{ right:0px; top:54px; position:absolute;}

#header .link_box a{  position:relative;   color:#a4a4a7; font-size:12px; height:16px; line-height:14px;}

  

/*=================导航=================*/

.nav{  padding-top:25px;}

.nav ul{}

.nav li { display:block; position:relative;  background:url(../images/line_nav_li.png) right center no-repeat; width:135px; float:left;}

.nav li .a{ display:block;text-align:center;  height: 50px; line-height:50px;}

.nav li .a i{ position:absolute; bottom:0; left:-1px; z-index:1; display:block; width:135px; height:0; background:url(../images/bg_nav.png) left bottom no-repeat;}

.nav li .a strong{ display:block; position:relative; z-index:3; text-align:center;  height: 50px; line-height:50px; font-size:14px; color:#272729;  font-weight:bold;}

.nav li:hover .a strong{  color:#fff;  }

.nav li:hover .a:hover i{ height:50px; } 

.nav li:last-child{ background:none !important;}

.nav .on .a strong{ color:#fff;  }

.nav .on .a i{ height:50px; } 

.nav ul li .list{background:url(../images/bg_nav.png) left top no-repeat; top: 0; left:-1px; z-index:2; display:none; width:111px; position:absolute;  font-size:12px; padding-top: 50px;}

.nav ul li .list .box{ padding:0px 10px 0px 10px;  background:#19427d;}

.nav ul li .list a{height:30px;  border-top:1px solid #134a9a; text-align:center; display:block; line-height:30px; color:#99b4dc;}

.nav ul li .list a:hover{ color:#fff;}





/*================= banne===================*/

#banner{ position:relative; height:500px;}

#banner .bd { position:relative;}

#banner .bd a{ display:block; width:100%; height: 500px;}

#banner .hd{  margin:0 auto; position:absolute; width:100%; top: 0px;}

#banner .hd ul{ margin:0 auto;   z-index:9; width:1100px; display:inherit;   position:relative;  }

#banner .hd ul li{ display:inline-block; padding-top:13px;}

#banner .hd ul li a{  border-radius:50%;  height:6px; width:6px; margin:0 3px; display:block; background:#b92e32;  }

#banner .hd ul li a:hover{ background:#fff;  }

#banner .hd ul .on a{  background:#fff;  }

#banner  .bnt{ position:absolute;  top:50%; z-index:3; margin-top:-22px;}

#banner  .bnt:hover{ }

#banner .main_box{ position:relative; height:500px;}

#banner .prev{ position:absolute; left:-54px; }

#banner .next{ position:absolute; right:-54px; }



/*==========================================首页=============================================*/

.s_main_box{ margin:45px auto; }

.s_title{ position:relative; margin-bottom:30px;}

.s_title h1{ display:block;}

.s_title strong{  font-size:18px; padding-right:10px; color:#19427d; font-weight:bold; text-transform:uppercase;}

.s_title span{ font-size:16px; color:#303032;  font-weight:bold; }

.s_title .more{ position:absolute; right:0; font-size:12px; color:#7c7d7f; top:0; line-height:24px;}

.s_title .more:hover{ color:#19427d;}



/*================= 首页产品===================*/

#s_pro .n_right{ height:538px; overflow:hidden;}

#s_pro .left{ }

#s_pro .left { width:220px; float:left; border:1px solid #e9e9ec; background:url(../images/icon_sub_nav.png) 20px 21px no-repeat #19427d; overflow:hidden;}

#s_pro .left .title{ height:72px; padding-left:65px;}

#s_pro .left .title strong{ display:block;   color:#fff; display:block; font-weight:bold; padding-top: 19px; font-size:14px; }

#s_pro .left .title span{ display:block; color:#fff; display:block; font-weight:bold; font-size:14px; } 

#s_pro .left .content{ background:#f7f7f9; padding:15px 0 30px 0;}

#s_pro .left  a{ display:block; margin-top:-1px; height:39px;  background:url(../images/bg_s_left.png) -200px bottom no-repeat; }

#s_pro .left  a strong{ width:175px; margin:0 auto; display:block; position:relative; font-size:14px; border-bottom:1px solid #e1e1e3; color:#303032; line-height:38px; height:38px; overflow:hidden;}

#s_pro .left  a:hover { background:url(../images/bg_sub_li.png) left bottom  no-repeat; color:#fff;}

#s_pro .left  a:hover strong{ border-bottom:1px solid #19427d; color:#fff;}

#s_pro .left .on {  background:url(../images/bg_sub_li.png) left bottom  no-repeat; color:#fff;}

#s_pro .left .on strong{ border-bottom:1px solid #19427d; color:#fff;}



/*================= 首页产品===================*/

#s_about{ padding-top:100px;}

#s_about .main_box{ position:relative;}

#s_about .s_content{ background:#f7f7f8; padding:40px 0;} 

#about_content{ width:760px;}

#about_content .title{ color:#19427d; font-size:18px; display:block;}

#about_content .ar_article p{ line-height:27px; padding-top:10px; height:117px; overflow:hidden; }

#about_content .more{ font-size:14px; color:#fff; background:#19427d; border-radius:3px; height:40px; line-height:40px; text-align:center; display:block; margin-top:30px; width:150px;}

#about_content .more:hover{   background:#1e5db8;}



#qywh_content { position:absolute; right:0; bottom:-40px; width:235px; }

#qywh_content .box{background:#656567; padding:20px;}

#qywh_content .title h1{ font-size:18px; color:#fff; padding-top:20px;}

#qywh_content dl{ padding:18px 0;}

#qywh_content dt{ color:#d6aa7d; font-size:14px; margin-bottom:8px;} 

#qywh_content dd{ color:#cbcbcd; font-size:12px;}

 

/*================= 首页新闻 ===================*/

.f3{ margin-top:75px; margin-bottom:40px;}

#s_news{ width:485px; float:left;}

#s_news {overflow:hidden}

#s_news  ul{overflow:hidden; margin-top:-30px;}

#s_news  li{display:block;padding:30px 0;border-bottom:1px dotted #b0b0b0}

#s_news  li .box{padding:0 0 0 95px;position:relative;height:90px}

#s_news  li a{display:block;font-size:14px;padding-top:8px;color:#585757;margin-bottom:13px}

#s_news  li p{line-height:20px;font-size:12px;color:#a2a4a6; height:40px; overflow:hidden;}

#s_news  li a:hover{color:#0c608f}

#s_news  .date_box{position:absolute;left:0;top:0;border:1px solid #f4f4f4;padding:10px 15px;text-align:center;width:48px}

#s_news  .date_box strong{padding-bottom:6px;border-bottom:1px solid #e4e2e2;display:block;font-size:30px;color:#212122}

#s_news  .date_box span{font-size:12px;color:#212122;margin-top:9px;display:block;text-transform:uppercase}



/*================= 询价订购 ===================*/

#s_form{ width:485px; float:right;}

#s_form img{ margin-bottom:10px;}



/*================= 服务 ===================*/

#s_service{ background:#19427d; padding:30px 0;}

#s_service dl{ margin:0 -80px;}

#s_service dd{display: block; margin:40px 70px; float:left; margin-bottom:40px; display:block; width:490px; position:relative; }

#s_service .pic_box{ position:absolute; left:0; top:0; display: block;   }

#s_service .text_box{ display:table-cell; vertical-align:middle; color:#fff; padding-left: 75px;}

#s_service .text_box h1{ font-size: 16px; color: #fff; font-weight:bold; display: block; margin-bottom:10px; }

#s_service .text_box p{font-size: 12px;color: #99b4dc; line-height: 20px;  }



/*================= 设备 ===================*/

.f5{ padding-top:60px;}

.f5 .main_box{ position:relative;}

#s_pj{ overflow:hidden;}

#s_pj ul { margin:-20px; }

#s_pj li{ display:block; width:187px; float:left; margin:20px; }

#s_pj li a{ display:block; }

#s_pj li img{ width:185px; height:175px;  border:1px solid #e3e2e5;}

#s_pj li h1{ display:block; text-align:center; height:18px; overflow:hidden; margin-top:10px; font-size:12px; line-height:18px; color:#616064; }

#s_pj li a:hover h1{ color:#19427d}

  

/*==========================================footer=============================================*/

#footer{position:relative}

#footer .up_box{position:relative;padding-top:40px;padding-bottom:40px}

#footer .up_box .main_box{position:relative}

#footer .up_box{background:#fff}

#fot_nav{ }

#fot_nav ul{ }

#fot_nav li{float:left;margin:0 40px}

#fot_nav li a{display:block;font-size:12px;color:#646466;line-height:24px}

#fot_nav li a:hover{color:#19427d; text-decoration:underline;}

#fot_nav li h1{margin-bottom:15px;font-size:14px;  font-weight:bold; color:#646466}

 

#footer .un_box{background:#fff;position:relative;border-top:1px solid #e3e3e8; padding:15px 0 15px 0}

#footer .un_box h1{text-align:center;line-height:24px;color:#7f8081;font-size:12px}

#footer .un_box h1 a{ color:#7f8081;}

#footer .un_box h1 a:hover{color:#19427d}

.fot_logo{ position:absolute; top:50%; margin-top:-61px;}



#fot_contact{ position:absolute; display:block; right:0; top: 20px;}

#fot_contact .logo_box{   }

#fot_contact .logo_box img{ display:block; margin:0 auto;}

#fot_contact .tel_box{ margin-top:8px;}

#fot_contact .tel_box strong{ text-align:center; color:#d60500; font-weight:bold; font-size:24px; display:block;}

 

#fot_news{ height:33px; line-height:33px; width:1100px; overflow:hidden; color:#fff; margin:40px auto 0 auto; background:#646466;} 

#fot_news .left{ background:#19427d; position:relative; width:550px;}

#fot_news .title{ position:absolute; left:0; top:0; padding:0 20px;}

#fot_news .title h1{ color:#fff; font-size:14px;}

#fot_news .right{ width:550px; position:relative;}

#fot_news .bd{ margin-left:110px; width:405px; background:url(../images/line_news.png) right center no-repeat;}

#fot_news a{ font-size:12px; display:block;  white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}

#fot_news a:hover{ color:#fff; text-decoration:underline;}

#fot_news .left a{ color:#cdd3dd;}

#fot_news .right a{ color:#cbcbcc;}

#fot_news .more{ position:absolute; right:0; top:0; width:34px; background:url(../images/bnt_more_news.png) center no-repeat; height:33px;}



 

/*==========相关链接===========*/

#slide_up_box{ position: absolute; right: 0; top: -25px;}

#bnt_link{cursor:pointer; width:220px; margin-top:25px; display:block; height:30px;    background:url(../images/icon_un.png) 200px center no-repeat #fff; }

.icon_un{background:url(../images/icon_up.png) 200px center no-repeat #fff !important;}

#bnt_link a{ color:#3c414c; display:block; padding:0 15px; height:30px; font-size:12px; line-height:30px; background: url(../images/bg_dd.png) 185px top repeat-y;}

#bnt_link i{ font-size:10px; padding-left:5px;}

#content_link{ display:none; z-index:9;  width: 220px; position: absolute; left: 0; bottom: 31px; background:#fff; max-height:300px; overflow:hidden; overflow-y:auto; }

#content_link .box{   background:#fff; padding:5px 0;}

#content_link a{ padding:0 15px; color:#3c414c; border-bottom:1px dotted #eee; line-height:30px; font-size:12px; display:block; }

#content_link a:hover,#bnt_link a:hover{ color:#10578e;}



/*=======================内页==============================*/

.n_main_box{ margin-top:30px; margin-bottom:50px; position:relative;}

.n_banenr{ height:245px; width:100%; overflow:hidden;}

.n_banenr h1{font-size: 30px; color: #f36825; display:block; font-weight:bold; padding-top:50px; text-transform: uppercase;} 

.n_banenr h2{font-size: 24px; margin-bottom:10px; margin-top:0px; color: #fff;  display:block;}

.n_banenr strong{font-size: 14px; color: #797a7c;  display:block;}

/*==============当前位置=====================*/

.position{ position:absolute;     line-height: 73px; height:73px; right:0px; top:0px; color:#8a8c8e; background:url(../images/icon_home.png) left center no-repeat; padding-left:22px;}

.position span, .position a, .position i{ font-size:12px; color:#8a8c8e;}

.position em{ font-size:12px; color:#19427d; font-style:normal;}

.position a:hover{ color:#19427d;}



/*==============n_content_left=====================*/

.n_left{ width:220px; float:left; overflow:hidden;}

.n_left .title{ height:85px; padding-left:65px;  background:url(../images/icon_sub_nav.png) 20px 28px no-repeat #19427d;}

.n_left .title strong{ display:block;   color:#fff; display:block; font-weight:bold; font-size:14px; padding-top: 26px;}

.n_left .title span{ display:block; color:#fff; display:block; font-weight:bold; font-size:14px; } 

.n_left { margin-top:20px; }

.n_left .content{ background:#f7f7f9; padding:15px 0 30px 0;  border:1px solid #e9e9ec; margin-bottom:8px;}

.n_left  a{ display:block; margin-top:-1px; height:39px;  background:url(../images/bg_s_left.png) -200px bottom no-repeat; }

.n_left  a strong{ width:175px; margin:0 auto; display:block; position:relative; font-size:14px; border-bottom:1px solid #e1e1e3; color:#303032; line-height:38px; height:38px; overflow:hidden;}

.n_left  a:hover { background:url(../images/bg_sub_li.png) left bottom  no-repeat; color:#fff;}

.n_left  a:hover strong{ border-bottom:1px solid #19427d; color:#fff;}

.n_left .on {  background:url(../images/bg_sub_li.png) left bottom  no-repeat; color:#fff;}

.n_left .on strong{ border-bottom:1px solid #19427d; color:#fff;}

 

/*==============n_content_right=====================*/

.n_right{ width:835px;float:right;  }

.n_title{ position:relative; height:40px; line-height:40px; padding-top:20px;  border-bottom:1px solid #dde0e2; }

.n_title h1{ font-size:16px; border-bottom:1px solid #19427d; display:inline-block; color:#111111; margin-bottom:-1px; }



/*===荣誉奖项===*/

#n_zizhi{   margin-top:10px;}

#n_zizhi ul { margin:-20px -11px; }

#n_zizhi li{ display:block; width:175px; float:left; margin:22px 11px; padding:8px;  box-shadow: 0px 0px 6px 0px #888;}

#n_zizhi li a{ display:block; }

#n_zizhi li img{ width:175px; height:120px;}

#n_zizhi li h1{ display:block; text-align:center; font-size:12px; line-height:30px; color:#6d6c72; }

#n_zizhi li a:hover h1{ color:#19427d}



/*==============n_content=====================*/

.n_content{ min-height:360px; padding-top:30px;}

 

#n_fc{}

#n_fc{ overflow:hidden; margin-top:10px;}

#n_fc ul { margin:-13px; }

#n_fc li{ display:block; width:260px; float:left; margin:13px; }

#n_fc li a{ display:block; }

#n_fc li img{ width:260px; height:180px;}

#n_fc li h1{ display:block; text-align:center; height:36px; margin-top:10px; font-size:12px; line-height:18px; color:#616064; }

#n_fc li a:hover h1{ color:#19427d}



/*==================产品中心=================*/

#n_pro{}

#n_pro{ overflow:hidden; margin-top:10px;}

#n_pro ul { margin:-14px; }

#n_pro li{ display:block; width:187px; float:left; margin:14px; }

#n_pro li a{ display:block; }

#n_pro li img{ width:185px; height:175px;  border:1px solid #e3e2e5;}

#n_pro li h1{ display:block; text-align:center; height:36px; margin-top:10px; font-size:12px; line-height:18px; color:#616064; }

#n_pro li a:hover h1{ color:#19427d}



/*===================产品详情===============*/

.n_show_pro .up_box{}

.n_show_pro .up_box h1{  display: block; margin-top: 20px; font-size:16px; color:  #454546; text-align:center; }

.n_show_pro .up_box img{display: block; width:400px; height:335px; border:1px solid #dcdcdc; margin:40px auto;}

.n_show_pro .un_box .title{ border-bottom:1px solid  #3a3a3b; }

.n_show_pro .un_box .title strong{color:#fff; display: block; font-size:14px;  background-color: rgb( 58, 58, 59 ); width: 154px; height: 39px; text-align: center; line-height: 39px;}

.n_show_pro .un_box .article{ padding: 30px 0;}



/*==============新闻资讯=====================*/



#n_news .up_box{ position:relative; margin-top:80px; padding-right:400px ; height: 270px;}



#n_news .up_box img{ position:absolute; top:-80px; right:0;     height: 275px;}



#n_news .up_box h1{ font-size:22px; color:#10578e; display:block; margin-bottom:40px; padding-right:40px;}



#n_news .up_box p{font-size:14px; color:#777777;   line-height:32px;}







#n_news .un_box{}



#n_news .un_box  li{ display:block; position:relative; margin-bottom:20px; background:#f7f7f9; padding:15px;}



#n_news .un_box  li .fl{ width:255px;}



#n_news .un_box  li .fl  img{ width:255px; height:165px; }



#n_news .un_box  li .fr{ width:510px;  position:relative;   height:145px; }



#n_news .un_box  li .fr h1{ display:block; padding-top:15px;}



#n_news .un_box  li .fr h1 a{  font-size:15px;  color:#323232;   display:block;   }



#n_news .un_box  li .fr span{  font-size:12px; display:block;   color:#adadad; margin-top:10px;}



#n_news .un_box  li .fr h1 a:hover{ color:#10578e;  }



#n_news .un_box  li .fr .more{ display:block; padding-top:20px;  font-size:12px; color:#777777;  }



#n_news .un_box  li .fr .more:hover{    color:#10578e; text-decoration:underline; }



#n_news .un_box  li .fr p{ line-height:24px;  color:#999999; height:48px; overflow:hidden; padding-top:8px; font-size:12px;}











/*==============新闻中心=====================*/

.n_news{overflow:hidden}

.n_news ul{overflow:hidden}

.n_news li{display:block;padding:30px 0;border-bottom:1px solid #f4f4f4}

.n_news li .box{padding:0 0 0 95px;position:relative;height:90px}

.n_news li a{display:block;font-size:14px;padding-top:8px;color:#585757;margin-bottom:13px}

.n_news li p{line-height:20px;font-size:12px;color:#a2a4a6;height:40px; overflow:hidden;}

.n_news li a:hover{color:#0c608f}

.n_news .date_box{position:absolute;left:0;top:0;border:1px solid #f4f4f4;padding:10px 15px;text-align:center;width:48px}

.n_news .date_box strong{padding-bottom:6px;border-bottom:1px solid #e4e2e2;display:block;font-size:30px;color:#212122}

.n_news .date_box span{font-size:12px;color:#212122;margin-top:9px;display:block;text-transform:uppercase}







/*==============新闻详情=====================*/

.n_article { margin-bottom:20px;}

.n_article .ar_title{ padding:10px 0 20px 0; border-bottom:1px dashed #e5e5e5; margin-bottom: 10px;}

.n_article .ar_title h1{ font-size: 16px; display:block; text-align:center; margin-bottom:10px; line-height:30px;   font-weight: bold; color:#444444;}

.n_article .ar_title h2{height: 30px; font-size:12px;  display:block; text-align:center; color:#888888; line-height:30px;}

.n_article .ar_title h2 strong{ color:#b8b7bc;}

.n_article .ar_article{ padding-top:20px; padding-bottom:30px; min-height:400px;}

.n_article .bnt_page{ position:relative; height:40px; margin-bottom:10px; line-height:40px; font-size:12px; color:#8a8a8a;   border-top:1px dotted #e4e4e4;}

.n_article .bnt_page a{ color:#8a8a8a;}

.n_article .bnt_page a:hover{color:#007cc2;}

.n_article .back_box{ margin:40px auto 0 auto; padding-bottom:80px;}

.jiathis_style{ margin-top:10px;}

.n_article .bnt_page{ position:relative;}

.n_article .bnt_page .shart_box{ position:absolute; right:0; top:10px;}

#ar_fot{ position:relative; padding:15px 0; border-bottom:1px solid #ddd; border-top:1px solid #ddd;}

#ar_fot h1{ display:block; font-size:12px; line-height:30px; color:#777777; font-weight:bold;}

#ar_fot h1 a{ font-size:12px; color:#777777; font-weight:normal;}

#ar_fot .bnt_back{ position:absolute; top:28px; right:0; color:#fff; background:#19427d; padding:0 25px; font-size:14px; height:30px; line-height:30px;}

#ar_fot .bnt_back:hover{ border-radius:3px;}



/*=================团队==================*/

#n_team ul{ margin:-15px;}

#n_team li{ display:block; float:left; border:1px solid #dadada; background:#fff; padding:10px; position:relative; margin: 14px; width: 424px;}

#n_team li  .pic_box{ width:150px;   display:block; position:absolute; top: 10px; }

#n_team li  .pic_box img{ width:150px; height:195px;}

#n_team li .text_box{ position:relative; margin-left:170px; height:195px; padding-right: 10px;}

#n_team li  h1 a{ font-size:15px; color:#666666; padding-top:10px; margin-bottom:15px; display:block; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}

#n_team li   p{font-size:12px; line-height:24px; color:#888; height: 93px;} 

#n_team li span{ position:absolute; right:5px; bottom:10px; color:#b8b8b8; font-size:12px;}

#n_team li  h1 a:hover{color:#19427d;}

#n_team li .more{position:absolute; left:0; bottom:10px; border-radius:3px; height:26px; text-align:center; line-height:26px; font-size:12px; display:block; width:100px;  color:#fff; background:#6a6c6f;}

#n_team li .more:hover{ background:#19427d}

#n_team li:hover{   }



/*==============客户案例=====================*/ 

.n_case li{ display:block; border:1px solid #e1e2e3; height:133px; overflow:hidden; margin-bottom:50px; }

.n_case li .fl{ width:440px; height:135px; overflow:hidden;}

.n_case li .fl  img{ width:440px; height:135px; margin-top:-1px; margin-left:-1px; position:relative; z-index:2; }

.n_case li .fl  img:hover{ -moz-transform:scale(1.051); -o-moz-transform:scale(1.051); -o-moz-transform:scale(1.051); -webkit-moz-transform:scale(1.051); transform:scale(1.051);}

.n_case li .fr{ width:350px; height:70px; padding-top:30px; padding-right:10px; overflow:hidden; }

.n_case li .fr h1{ display:block; padding-bottom:5px;}

.n_case li .fr h1 a{  font-size:15px;  color:#3d3d3e; margin-bottom:5px;  display:block;}

.n_case li .fr h1 a:hover{ color:#ec3c2f;}

.n_case li .fr strong{ display:block; margin:10px auto; color:#56595b;}

.n_case li .fr strong span{ color:#aeb0b1;}

.n_case li .fr p{ line-height:22px; color:#7f8083; font-size:12px;}



 /*==============产品详情=====================*/

.n_product_show{ }

.slide_p_show .title{ display:block; border-bottom:1px solid #efefef; padding-bottom:30px; text-align:center; font-size:24px; font-weight:bold; color:#333846;}

.n_product_show .up_box h1{ color:#19427d; font-size:18px; display:block; text-align:center;  font-weight:bold;}

.n_product_show .un_box .ar_article{ margin-top:30px;  border-top: 1px solid #dde0e4;}

.n_product_show .un_box .title{ height:38px;  line-height:38px; }

.n_product_show .un_box .title strong{ background:#19427d; display:inline-block; font-size:16px; color:#fff; padding:0 20px; }

.n_product_show .un_box .title span{ display:inline-block; color:#4d4d4d; padding-left:10px; font-size:16px; text-transform:uppercase;  font-family: "Arial";}

.n_product_show .un_box .content{ padding-top:30px;}



.slide_p_show{  margin:30px auto; position:relative; width:330px; }

.slide_p_show .bd{ height:300px;   width:330px; position:relative; margin:0 auto;  overflow:hidden;}

.slide_p_show .bd img{ display:block; width:330px; height:330px; }

.slide_p_show .hd{ opacity:1; position:absolute; width:100%; z-index:3; }

.slide_p_show .prev{ width:26px; top:120px; left:-50px; position:absolute;}

.slide_p_show .next{width:26px; top:120px; right:-40px; position:absolute;}

.slide_p_show:hover .hd{ opacity:1;}





/*==============联系我们=====================*/

.n_contact{ position:relative; width:100%; overflow:hidden; }

.n_contact .up_box { margin-top:50px; margin-bottom:40px; position:relative;}

.n_contact .up_box .up{ border-bottom:1px dotted #b2b2b2; padding-top:5px; margin-bottom:20px;}

.n_contact .up_box .title strong{ display:block; color:#51575f; font-size:18px; font-weight:bold; }

.n_contact .up_box .title span{ display:block; color:#51575f; font-size:12px; margin-bottom:15px;}

.n_contact .up_box .content{ margin-left:280px; height:255px; padding-top:18px; }

 .n_contact .up_box h1{ font-size:16px; display:block; margin-bottom:10px; color:#c98f2b; }

.n_contact .up_box p{ font-size:12px; color:#6d6c72; line-height:24px;}

.n_contact a{ color:#0d67c9; text-decoration:underline; }

.n_contact .map{ border:1px solid #dcdcdc;}

.n_contact .ewm_box{ position:absolute; right:0; bottom:10px;  display:block;}

.n_contact .ewm_box .box{ width:100px; margin-left:40px; display:inline-block; text-align:center;}

.n_contact .ewm_box .box span{ font-size:12px; color:#555555; display:block; margin-top:8px;}

.n_contact .ewm_box img{ width:100px; height:100px;   }



/*==========在线自荐===========*/

#j_form{ margin-top:20px; background:url(../images/pic_xjdg.jpg) right top no-repeat;}

#j_form  form{width:480px; }

#j_form  .label{  margin-bottom:30px; position:relative; display:block; width:160px; height:35px; line-height:35px; font-size:12px; color:#bebebe; background:#fff; padding-left:60px;}

#j_form  .label .h_x{ left: 395px; top: -8px;position: absolute;}

#j_form  .label input{  height:36px; background:none; color:#676767;  border:none; display:block; width: 140px; padding:0 10px; line-height:38px; font-size:12px; border: 1px solid #e7e7e7;}

#j_form  .label input:focus{ border:1px solid #9fc1ef;}

#j_form  .label strong{ font-weight:normal; display:block;  color:#474749;  position:absolute; width: 60px;   left:0px; font-size:12px;  }

#j_form  .textarea_box{ height:90px; background:#fff; width:420px;}

#j_form  .textarea{height: 75px; resize:none; color:#9a9797;  width:400px;  margin-bottom:15px; padding-right:20px; background:none; border: 1px solid #e7e7e7;  line-height:24px; font-size:12px; padding: 6px 10px;  }

#j_form  .textarea:focus{ border:1px solid #9fc1ef;}

#j_form  .yzm{ position:absolute; left: 314px; top:0px; border: 1px solid #e7e7e7;}

#j_form  .submit{width:150px; height:40px; border-radius:3px; overflow:hidden; background:#19427d; color:#fff; font-size:14px; line-height:40px; margin-left:190px; text-align:center;}

#j_form  .submit:hover{ background:#404144;}

#j_form  .select_ui, select{ width: 287px;!important; background:none; color:#676767;}

#j_form  .select_ui, select{ width: 305px;margin-top:0; border: 1px solid #e7e7e7; height:38px; line-height:38px; }

/*#j_form  .select_ui, select:focus{ border:1px solid #9fc1ef;}*/

#j_form  .select_ui, select span{ line-height:40px; }

#j_form  .select_ui .select_text_ui { line-height:34px;  color:#676767; font-size:12px; text-align:left; padding-left:10px; }

#j_form   .select_ui .select_arrow{ right:10px;}

.yzm_box { width: 592px; position:relative; padding:0 !important; margin-left:0; border:none; margin-top: 21px; margin-bottom: 20px;}

.yzm_box input{  font-size:14px; height:30px; color:#666; width:255px; line-height:30px; border:1px solid #d0d0d0;  padding-left:10px;}

.yzm{ position:absolute; left:180px; height:30px; top:0;}

.yzm a{ position:absolute; color:#adada6; right:-90px; height:30px; line-height:30px; width:80px; top:0;}

.yzm_box .submit{position: absolute;right: 0;top: 0;}



/*==============人才招聘=====================*/

#n_job .up_box{ position:relative; background:url(../images/bg_job.png) right top no-repeat; height:300px; margin:10px auto;}

#n_job .up_box img{ position:absolute; left:0; top:0; width:465px; height:250px;}

#n_job .up_box .text_box{ margin-left: 465px; padding:20px; text-align:center;  padding-top: 175px; line-height: 28px; color:#fff; font-size:14px;}

#n_job .un{ }

#list_slide{  position:relative;}

#list_slide dl{  overflow:hidden; margin-bottom:25px;  }

#list_slide dt{border:none; padding-bottom:20px; border-bottom:1px solid #dcdee0;   display:block; position:relative;  cursor:pointer; }

#list_slide dt h1{padding-left:13px;   border-left:6px solid #19427d; color:#51575f; font-size:14px; line-height:30px; height:30px; background:url(../images/icon_arrow_sfq_left.png) right center no-repeat; margin-right:20px; display:block;}

#list_slide dt h1 strong{ display:block; font-size:15px; line-height:15px; margin-top:0px; color:#1e1e24; height:15px;}

#list_slide dt h1 span{ display:block; font-size:11px; color:#afaeb4;line-height:15px ; margin-top:2px;  height:15px; text-transform:uppercase;}

#list_slide dd{ display:none; line-height:24px; position:relative;}

#list_slide dd a.gojob{ position:absolute; right:0; bottom:30px;  border-radius:3px; height:30px; text-align:center; line-height:30px; font-size:12px; display:block; width:100px;  color:#fff; background:#0d67c9;}

#list_slide dd a.gojob:hover{ background:#19427d}

#list_slide dd p{ line-height:24px;  color:#646b78; font-size:12px;}

#list_slide dd .content{ padding:20px 0;}

#list_slide dt.on h1{ background:url(../images/icon_arrow_sfq_un.png) right center no-repeat ;}



 



/*=================漂浮QQ==================*/
.piaofu{ display:none; position:absolute; right:0px; top:30%; position:fixed; z-index:99999999; background:#fff;}
.piaofu .box a{ display:block; position:relative; width:70px; height:60px; background-color:#f6f6f9;}
.piaofu .box a{ transition:1s;}
.piaofu  .qq a{  background:url(../images/icon_qq.png) center 10px no-repeat;}
.piaofu  .qq:hover a{ background:url(../images/icon_qqh.png) center 10px no-repeat;}
 .gotop a{ background:url(../images/icon_gotop.png) center 10px no-repeat;}
 .piaofu .gotop{ border-bottom:none;}
.piaofu .gotop:hover a{ background:url(../images/icon_gotoph.png) center 10px no-repeat;}
.piaofu .box a{  background-color:#f6f6f9; margin-bottom:1px }
.piaofu .box span{ font-size:12px; color:#838291;padding-left: 10px; position:absolute; bottom:5px; text-align:center;  }
.piaofu .box:hover a{ background-color:#02487d; }
.piaofu .box:hover span{ color:#fff;}

/*=================分页==================*/
.page{height:24px; line-height:24px; text-align:center; margin-top:0px; clear:both;}

.page li{display:inline; padding:8px 12px; border:1px solid #ddd; margin-right:5px;}

.page li a{color: #555;}

.page li a:hover{ color:#0064c4;}

.page li.thisclass{background:#19427d; color: #fff;}

.page li.thisclass a{text-decoration:none; cursor:default; border-color:#0064c4; color: #fff;}

.page .pageinfo strong{font-weight:normal;}






/*===================产品详情================*/

#n_show_case  .left{ width:672px;}

#n_show_case  .left .j_Photo{overflow:hidden;margin:0px 90px 0;width:672px; }

#n_show_case  .left .big_box{overflow:hidden;margin-bottom:10px; position:relative;}

#n_show_case  .left .big_box ul{ height:547px;}

#n_show_case  .left .big_box li{ position:relative; height: 525px;  padding:10px; border:1px solid #e4e4e4;}

#n_show_case  .left .big_box ul li img{display:block; width:650px; height:525px;}

#n_show_case  .left .small_box{overflow:hidden; width: 672px; height: 91px; position:relative;}

#n_show_case  .left .small_list{position:relative;float:left;overflow:hidden; margin-left: 27px; width: 620px; height:91px;}

#n_show_case  .left .small_list ul{overflow:hidden;height:91px}

#n_show_case  .left .small_list ul li{position:relative;float:left;margin-right:23px; cursor:pointer; width:105px}

#n_show_case  .left .small_list ul li img{display:block; width:105px; height:85px; padding-top:5px;}

#n_show_case  .left .small_list ul li .bun_bg{ display:none; position:absolute;top:0;left:0;width:105px;height:91px; background:url(../images/mark_j_photle.png) center no-repeat;}

#n_show_case  .left .small_list ul .on .bun_bg{ display:block; }

#n_show_case  .left .btn{display:block; width: 12px; height:72px;background-color:#777;background-position:center;background-repeat:no-repeat;cursor:pointer}

#n_show_case  .left .btn:hover{} 

#n_show_case  .left .btn img{ padding-top:40px;}

#n_show_case  .left .small_bnt .left_btn{float:left;margin-right:10px;background-image:url(../images/bnt_pic_left.png)}

#n_show_case  .left .small_bnt .right_btn{float:right;background-image:url(../images/bnt_pic_right.png)}

#n_show_case  .left  .left_btn{position:absolute; left:0px; background:url(../images/bnt_pic_left.jpg) center no-repeat; }

#n_show_case  .left  .right_btn{ position:absolute; right:0px; background:url(../images/bnt_pic_right.jpg) center no-repeat;}

#n_show_case  .left .left img{}

#n_show_case  .right{ width: 525px; font-size:12px; line-height:24px;}

#n_show_case  .right .title { padding-bottom:30px; margin-bottom:25px; border-bottom:1px solid #e4e6e7;}

#n_show_case  .right .title h1{ font-size:18px; color:#4d4d4d;   padding-bottom:18px;}

#n_show_case  .right .title span{ color:#a3a3a4; font-size:12px;}

#n_show_case  .right .up p{  }

#n_show_case  .right .up strong{ font-size:12px; color: #7e7e7f;}



/* ----- 分页数字条效果 结束 ----- */
.pagebar .pagination {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.pagination a {
  background: #fff;
  border: 1px solid #ccc;
  color: #333;
  font-size: 14px;
  padding: 4px 8px;
  margin: 0 5px;
  border-radius: 5px;
}
.pagination span {
    color: #333;
    font-size: 14px;
    padding: 4px 2px;
    margin: 0 5px;
    border-radius: 5px;
}
.pagination a:hover {
  color: ##172b6a;
  border: 1px solid #172b6a;
}
.pagination a.page-num-current {
  color: #fff;
  background: #172b6a;
  border: 1px solid #172b6a;
  border-radius: 5px;
}
.tac.text-secondary {
    color: #ccc;
    text-align: center;
}
/* ----- 分页数字条效果 结束 ----- */
